<template>
  <div>
    <div class="article-top container content flex-column">
          <!-- headerBg="" -->
          <!-- 顶部栏 -->
<!--      <IndexHeader-->
<!--      headerBg=""-->
<!--          ref="headerRef"-->
<!--          :selectedIndex="4"-->
<!--          @tabIndexChange="tabChangeHandle"-->
<!--      ></IndexHeader>-->
      <div class="article-top-center flex-middle container">

        <img class="article-image" src="@/assets/images/article/logo.png" alt="">
      </div>
    </div>
  </div>
  <div class="content">
    <div class="cont-top container" style="margin-top: 90px">
      <img src="@/assets/images/article/article.png" class="top-left">
      <div class="top-right">
        <p class="title">
          建合网校
          <span>
            About us
          </span>
        </p>
        <span class="line"></span>
        <p class="cont">建合网校隶属于杭州虹合科技有限公司，自2017年创立以来，始终专注于建工领域的线上教育服务，致力于成为建工培训行业的翘楚。</p>
        <p class="cont">
          建合网校积极深度整合优质教育资源，成功与杭州市建筑业协会、浙江广厦建设职业技术大学、浙江建设技师学院等多家高校及知名建筑企业建立深度战略合作伙伴关系，通过强强联合汇聚行业内众多超级名师，组建了一支实力强劲、经验丰富的教学团队。</p>
        <p class="cont">
          建合网校凭借专业的师资力量、丰富的教学资源以及对建工领域教育的热忱与专注受到了行业学员的广泛关注与好评。
        </p>
      </div>
    </div>
  </div>
  <!--  友情链接-->
  <FooterLink></FooterLink>
  <!--  底部-->
  <Footer/>
  <!--  container-->
</template>
<script setup>

import FooterLink from "@/views/component/footer-link.vue";
import Footer from "@/views/component/footer.vue";
import IndexHeader from "../component/header.vue";
function tabChangeHandle(index) {
  data.selectedIndex = index;
  // data.showIndex = true
  window.scrollTo({
    left: 0,
    top: 0,
  });
  headerRef.value.setSelectedIndex(index);
  if (index == 0 && !data.hasInit) {
    initData();
  }
}
</script>
<style scoped lang="scss">
.article-top {
  height: 500px;
  background: url('@/assets/images/article/article-top.jpeg') no-repeat 0 0;
  background-size: 100% 100%;

  .article-top-center {
flex: 1;
    img {
      height: 150px;
    }
  }


}

.content {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.cont-top {

  .top-left {
    display: inline-block;
    width: 816px;
    height: 626px;
    margin-left: -380px;
  }

  .top-right {
    width: 611px;
    height: 626px;
    margin-right: 5px;
    float: right;

    .title {
      margin-top: 47px;
      font-size: 30px;
      font-family: Source Han Sans CN;
      font-weight: 700;
      color: #0762cb;
      line-height: 31px;

      span {
        display: inline-block;
        margin-left: 22px;
        font-size: 18px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #0762cb;
        line-height: 31px;
      }
    }

    .line {
      display: inline-block;
      margin-top: 20px;
      width: 40px;
      height: 4px;
      background: #0762cb;
    }

    .cont {
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #5e5e5e;
      line-height: 31px;
      text-align: justify;
      margin-top: 35px;
    }
  }
}


</style>
